这是我参与11月更文挑战的第28天，活动详情查看：2021最后一次更文挑战

学习前端三个月了，准备刷刷面试题，总结总结，一天几道面试题，向大厂进军。

这期我们讲一下CSS全局关键字属性值。

inherit 这个关键字是继承的意思。从IE8开始支持。

inherit 是一个实用性和兼容性都非常好的CSS属性值，例如我们使用inherit 关键字充值输入框的内置字体。

又比如：子元素设置height：inherit实现高度继承等。

我们来看看下面代码，具体实现下看看效果：

效果如下：

initial 是初始值关键字。可以把当前的CSS属性的计算值还原成CSS语法中的规定初始值。

我们来看个例子：主要修改font-Size

效果如下：

如果我们子div不设置font-size,默认会继承父div的font-size:50px。 当我们设置子div的font-size为initial后，字体大小使用的就是CSS规范中定义的初始值，这个初始值为medium，默认16px。

实际用途： 我们要充值某些CSS样式，但是又不知道默认初始值是什么的时候，我们可以设置initial。

误区： 很多人可能有这样一个误区，把initial 关键字理解为浏览器设置元素的初始值。其实不是，一定要记住，initial代表的是CSS属性的初始值。

比如：实际开发中，我们一般会把 元素或者 元素默认的list-style-type样式重置。但是很有可能，我们在某些区域需要再次重新使用list-style-type样式（小圆点或者数字）,这个时候有些开发者就会使用关键字initial进行还原，这个是不正确的。

这种情况我们应该使用关键字 revert,而不是 initial

unset 是不固定值关键字，特性如下：

一般是配置 all来进行批量重置，才更具有意义。

具体使用场景：

例如： Chrome浏览器支持元素，我们一般使用元素实现语义更好弹窗组件。但是我们又不想使用内置的样式。 样式很多，我们不可能一个一个去重置，这个时候 all:unset就派上用场了，可以进行批量重置。

revert 关键字可以让当前元素的样式还原成浏览器内置的样式。

我们来测试一下：我们给全局 标签设置 list-style-type:none。然后我们在某一个局域区域又想使用它默认的样式小圆点。（测试来源于火狐浏览器）

一步一步慢慢来，踏踏实实把活干！